<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="img/bg.jpg" type="image/png" />
    <title>尬聊</title>
    <link rel="stylesheet" href="css/reset.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/socket.io.min.js"></script>
    <script src="js/js.cookie.min.js"></script>
  </head>
  <body>
    <div class="container">
      <form id="formBox" autocomplete="off">
        <!-- 内容 -->
        <ul class="content">
          <!-- 登录 -->
          <li class="loginBox">
            <div class="login_title">尬聊</div>
            <div class="primary primaryInput login_nameBox">
              <span class="icon icon_name"></span>
              <input type="text" placeholder="请输入您的账号" id="login_name" />
            </div>
            <div class="primary primaryInput login_passwordBox">
              <span class="icon icon_password"></span>
              <input
                type="password"
                placeholder="请输入您的密码"
                id="login_password"
              />
            </div>
            <div class="primary primaryBtn loginBtn">登录</div>
            <div class="toBtn toRegister"></div>
          </li>
          <!-- 注册 -->
          <li class="registerBox">
            <div class="register_title">加入尬聊</div>
            <div class="primary primaryInput register_nameBox">
              <span class="icon icon_name"></span>
              <input
                type="text"
                placeholder="请输入您的账号"
                id="register_name"
              />
            </div>
            <div class="primary primaryInput register_passwordBox">
              <span class="icon icon_password"></span>
              <input
                type="password"
                placeholder="请输入您的密码"
                id="register_password"
              />
            </div>
            <div class="primary primaryInput register_compasswordBox">
              <span class="icon icon_compassword"></span>
              <input
                type="password"
                placeholder="请确认您的密码"
                id="register_compassword"
              />
            </div>
            <div class="primary primaryBtn registerBtn">注册</div>
            <div class="toBtn toLogin"></div>
          </li>
        </ul>
      </form>
      <!-- 提示 -->
      <div class="message">
        <span></span>
        <div class="close">×</div>
      </div>
    </div>
  </body>
  <script src="js/index.js"></script>
</html>
